<template>
  <div class="panel panel-default" >
    <ul>
      <li><router-link to="/issureManager">问题管理</router-link></li>
      <li><router-link to="/contentManager">内容管理</router-link></li>
      <li><router-link to="/operrationManager">运营管理</router-link></li>
      <li><router-link to="/settleAccountsManager">结算管理</router-link></li>
      <li><router-link :to="{name:'userManager',params:{isV:0}}">用户管理</router-link></li>
      <li><router-link :to="{name:'userManager',params:{isV:1}}">大V用户</router-link></li>
      <li><router-link :to="{name:'vuserManager'}">大V申请</router-link></li>
      <li><router-link to="/advertisementManager">广告管理</router-link></li>
      <li><router-link to="/cmsManager">CMS管理</router-link></li>
    </ul>

      <!--<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" theme="dark">-->
        <!--<el-submenu index="1">-->
          <!--<template slot="title"><router-link to="/issureManager">问题管理</router-link></template>-->
          <!--<el-menu-item index="1-1">选项1</el-menu-item>-->
          <!--<el-menu-item index="1-2">选项2</el-menu-item>-->
        <!--</el-submenu>-->
        <!--<el-menu-item index="2"><router-link to="/contentManager">内容管理</router-link></el-menu-item>-->
        <!--<el-menu-item index="3"><router-link to="/operrationManager">运营管理</router-link></el-menu-item>-->
        <!--<el-menu-item index="4"><router-link to="/settleAccountsManager">结算管理</router-link></el-menu-item>-->
        <!--<el-menu-item index="5"><router-link to="/userManager">用户管理</router-link></el-menu-item>-->
        <!--<el-menu-item index="6"><router-link to="/advertisementManager">广告管理</router-link></el-menu-item>-->
        <!--<el-menu-item index="7"><router-link to="/cmsManager">CMS管理</router-link></el-menu-item>-->
      <!--</el-menu>-->

  </div>

</template>

<script>
  export default {
    name: 'NavComponent',
    data () {
      return {
        msg: 'Main Page'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
 *{
   margin: 0;
   padding: 0;
 }

  ul{
    list-style: none;
    width: 100%;
    border: 1px solid #000;
  }
  li{
    list-style: none;
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #000;
  }



</style>
